// 入口函数
$(function() {
    // 获取用户信息和头像进行渲染
    getUserInfo()


    //退出登录
    $('.logout').on('click', function() {
        // layui的询问框
        layer.confirm('确认退出吗？', { icon: 3, title: '注意' }, function(index) {
            // 确定之后执行的代码
            localStorage.removeItem('token')
            location.href = '/login.html'
                // 自带代码关闭询问框
            layer.close(index);
        });
    })

    // 导航栏个人中心
    $('.nav_zx a').on('click', function() {
        let num = $(this).parents('dd').index()
        $('#index').removeClass('layui-this')
        $('.zx').parents('li').addClass('layui-nav-itemed').siblings().removeClass('layui-nav-itemed')
        $('.zx dd').eq(num).addClass('layui-this').siblings().removeClass('layui-this')
    })
})


// 封装函数
function getUserInfo() {
    axios({
        // 请求方式是get可以省略
        url: '/my/userinfo',
        // headers: {
        //     Authorization: localStorage.getItem('token')
        // }
    }).then(res => {
        if (res.data.status !== 0) {
            return layui.layer.msg(res.data.message)
        }
        renderAvatar(res.data.data)
    })

    function renderAvatar(user) {
        let name = user.nickname || user.username;
        $('.welcome').html(`欢迎 ${name}`)
        if (user.user_pic !== null) {
            $('.avatar-text').hide()
            $('.layui-nav-img').show().attr('src', user.user_pic)
        } else {
            $('.layui-nav-img').hide()
            $('.avatar-text').show().html(name[0].toUpperCase())
        }
    }
}